body {background: url(../img/d/bg-site.gif) repeat-x; font: 12px/18px arial,sans-serif; color: #345; }
* {margin:0; padding: 0;}
li {list-style: none;}
.holder {overflow: hidden; height: 1%;}

html, body, #container {height: 100%;}

body > #container {height: auto; min-height: 100%;}
#container {margin: 0 20px; }

#header {  height: 53px; overflow: hidden; }
#content {padding-bottom: 60px; border: 0px solid red;  margin: 0 auto;}

#footer {position: relative;
    margin-top: -30px; 
    margin: -30px auto 0;
    height: 29px;
    clear:both; background: #ebecef; border-top: 1px solid #dbdcdf;    } 
#footer p {text-align: center; padding: 5px;}

/* Header */
#header {position: relative;}
.logo {display: block;  }
.logo a {position: absolute; left: 2px; top: 15px; width: 90px; height: 31px; text-indent: -999px; overflow: hidden; background: url(../img/d/logo.png) no-repeat; }
.toplinks {position: absolute; right: 0px; top: 12px;}
.toplinks li {float: left; padding: 0px 4px;}
.toplinks li a {color: #345; text-decoration: none; font-size: 13px;}
.toplinks li a:hover {color: #345; text-decoration: underline; }

/* Nav bar */
#nav {background: #6D6E70; height: 54px; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; margin-bottom: 5px; }
#nav h1 {color: #F1F1F2; font-weight: normal; font-size: 23px; padding: 8px 0 0 8px; float: left;}
#nav ul {float: right; margin: 30px 10px 0 0; height: 24px;}
#nav li {float: left; margin: 0; padding: 0; margin-top: }
#nav li a {display: block; height: 24px; line-height: 24px; font-weight: bold; color: #fff; padding: 0 8px; text-decoration: none; font-size: 15px; margin-left: 2px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;}
#nav li a:hover {background: #5E5F60;  }
#workouts #nav li.workouts a,
#statuses #nav li.workouts a,
#abilities #nav li.organize a,
#seasons #nav li.organize a,
#templates #nav li.organize a,
#types #nav li.organize a,
#graph #nav li.analyze a {background: #f4f4f5; color: #5E5F60;  }

/* bar */
.bar {height: 1%; overflow: hidden; padding: 1px 0 10px; }
.bar .subnav {float: right; }
.bar li {float: left; margin: 0; padding: 0; line-height: 20px;}
.bar .subnav li a {color: #929497; text-decoration: none; font-size: 13px; border-left: 1px solid #929497; padding: 0 4px;}
.bar .subnav li:first-child a {border: none; }
.bar .subnav li a:hover {text-decoration: underline; }
.btn-bar {float: left; margin-right: 10px;}
.btn-bar a {display: block; float: left; margin-right: 3px; height: 20px; padding: 0 6px; background: #fff;text-decoration: none; color: #333; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #aaa;}
.btn-bar a:hover,
.btn-bar a.active {background: #eee;}
.btn-bar-grouped a {-moz-border-radius: 0px; -webkit-border-radius: 0px; border-left: none; margin: 0; }
.btn-bar-grouped li:first-child a {border-left: 1px solid #aaa; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px;}
.btn-bar-grouped li:last-child a {-moz-border-radius-bottomright: 3px; -webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;}



/* Typo */
table {border-collapse: collapse; margin: 1em 0;}
th, td {border: 1px solid #ddd; padding: 4px 6px;}
th {background: #eee;}

h1, h2, h3, h4 {margin: 0 0 .5em;}
dl {overflow: hidden; height: 1%;}
dl dt {margin: 0; width: auto; float: left; clear: left; font-weight: bold; margin-right: 3px;}
dl dd {margin: 0; width: auto; float: left;}


/* Forms */
form {
	clear: both;
	margin-right: 20px;
	padding: 0;
	width: 80%;
}
fieldset {
	border: 1px solid #ccc;
	margin-top: 30px;
	padding: 16px 20px;
}
fieldset legend {
	background:#fff;
	color: #e32;
	font-size: 160%;
	font-weight: bold;
}
fieldset fieldset {
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 16px 10px;
}
fieldset fieldset legend {
	font-size: 120%;
	font-weight: normal;
}
fieldset fieldset div {
	clear: left;
	margin: 0 20px;
}
form div {
	clear: both;
	margin-bottom: 1em;
	padding: .5em;
	vertical-align: text-top;
}
form div.input {
	color: #444;
}
form div.required {
	color: #333;
	font-weight: bold;
}
form div.submit {
	border: 0;
	clear: both;
	margin-top: 10px;
	margin-left: 140px;
}
label {
	display: block;
	font-size: 110%;
	padding-right: 20px;
}
input, textarea {
	clear: both;
	font-size: 140%;
	font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
	padding: 2px;
	width: 100%;
}
select {
	clear: both;
	font-size: 120%;
	vertical-align: text-bottom;
}
select[multiple=multiple] {
	width: 100%;
}
option {
	font-size: 120%;
	padding: 0 3px;
}
input[type=checkbox] {
	clear: left;
	float: left;
	margin: 0px 6px 7px 2px;
	width: auto;
}
input[type=radio] {
	float:left;
	width:auto;
	margin: 0 3px 7px 0;
}
div.radio label {
	margin: 0 0 6px 20px;
}
input[type=submit] {
	display: inline;
	font-size: 110%;
	padding: 2px 5px;
	width: auto;
	vertical-align: bottom;
}

/* Layout framework */
.holder {height: 1%; overflow: hidden;}

/* Layout framework */
.content-holder-1 .main {float: left; width: 624px; }
.content-holder-1 .sidebar {float: right; width: 240px;}

/* Calendarview */
ul.calendar {height: 1%; overflow: hidden;  margin: 0; padding: 0;border-left: 0px solid #ccc;}
ul.calendar li {width: 88px; height: 1%; border: 1px solid #ccc; border-top: none; border-left: none; overflow: hidden;float: left;margin: 0; padding: 0; list-style: none;}
ul.calendar li.daynames {height: auto; border-top: 1px solid #ccc;  text-align: center; font-size: 12px; color: #555; }

ul.calendar li.day0 {border-left: 1px solid #ccc;}
.prevmonth, .nextmonth .day_num {color: #aaa;}
.today .day-holder {background: #FFC7BD;}
.weekend .day_num {xcolor: #FF8E59;}

/* Gui week */
ul.calendar li.week {width: 100%; float: none; border-left: none; text-align: left; clear: both; height: 22px; line-height: 18px; padding: 10px 0 3px; }
.week div.week-title {display: inline;}
.week div.week-title,
.week div.week-title * {font-size: 14px; font-weight: bold; color: #F05A28; line-height: 22px;}
.week label, .week select {display: inline; font-size: 11px; vertical-align: text-top; width: auto; padding: 0;}
.week label {font-size: 13px; padding: 0 5px;}
.day-holder {padding: 2px 3px; height: 80px; background: #f9f9f9;}
.day-holder:hover {background: #f9f9f9; background: #fff; }
.day-holder .day_num {float: left;}
.day-holder a.add { float: right; width: 16px; height: 16px; display: block; text-indent: -999px; overflow: hidden; background: url(../img/icons/add_16.png); opacity: .1;  }
.day-holder:hover a.add {opacity: 1;}
.daynames .day-holder {height: auto; background: #fff;}

.workout-event { _padding-left: 14px; background: #00DF38; font-size: 10px; line-height: 15px; height: 15px; display: block; float: left; clear: both; margin-bottom: 2px; }
.workout-event a {color: #fff; text-decoration: none;  display: block; padding: 0px 4px;}
.workout-event a:hover {color: #ddd;}
.pagina {text-align: center;}

/* Single view workout */
.workout {width: 300px;}
.workout h2 {margin: 3px 0;}

.stats-holder {height: 1%; overflow:hidden;}
.stats-holder .stats {float: left; width: 49%; margin-bottom: 5px;}
.stats-holder .stats-long {float: none; width: 100%; clear: both;}
.date {font-size: 11px; font-weight: bold; color: #999;}

.stats dt,
.stats dd {display: block; float: none; font-size: 10px; line-height: auto;  margin: 0; line-height: 13px;}
.stats dd {font-size: 1em;margin-top: 3px; color: #999;}
.stats dd strong {font-size: 2.2em; line-height: 1.2em;  padding: 0 2px 0 0;}

span.strong {font-size: 2em; line-height: 1.2em;  padding: 0 2px 0 0;}

.templates-list .holder {}
.holder .template {  background: #fff; line-height: 14px; font-size: 11px;margin: 5px 0;}
.holder .template .title {padding: 0px 4px; background: #aaa;line-height: 16px; }
.holder .template .stats-holder {padding: 4px; font-size: 10px; display: none;}
//.holder .template:hover .stats-holder {display: block;}
input#template-filter {border: 1px solid #ddd; padding: 2px; font-size: 11px; width: 100px; display: block; clear: none;}

/* Titles */
.title {margin: 0;}

.hr-zone-widget strong {width: 5px; margin: 0 3px 1px 0; text-indent: -999px; border: 2px solid #ddd; display: block; float: left; }
.hr-zone-widget .zone1 {background: #00DF38;}
.hr-zone-widget .zone2 {background: #00A4FF;}
.hr-zone-widget .zone3 {background: #FFEA0D;}
.hr-zone-widget .zone4 {background: #FF8208;}
.hr-zone-widget .zone5 {background: #DE3328;}

/* Box-headers */
.top-bar-1,
.top-bar-2,
.top-bar-3 {background: #ccc; padding: 1px 6px;  line-height: 22px; vertical-align: center;}
.top-bar-1 {background: #aaa;}
.top-bar-2 {background: #bbb;}
.top-bar-1 .title {margin: 0;}

.top-bar-1 .btn-1, .top-bar-1 .btn-2, .top-bar-1 .btn-3,
.top-bar-2 .btn-1, .top-bar-2 .btn-2, .top-bar-2 .btn-3,
.top-bar-3 .btn-1, .top-bar-3 .btn-2, .top-bar-3 .btn-3 {font-size: 10px; margin-top: 2px; margin-right: -2px;}

/* Box-headers */
.box-content-1,
.box-content-2,
.box-content-3 {background: #f4f4f4; padding: 4px 6px; margin-bottom: 12px;}

/* Float */
.right {float: right; margin-left: 5px;}
.left {float: left; margin-right: 5px;}

/* Images and graphics */
.avetar {float: left; margin: 0 5px 0px 0;}
.grapic {border: 1px solid #ddd; padding: 2px; background: #fff;}
.graph {min-height: 48px; line-sheight: 48px; text-align: center; }
.placeholder {width: 48px; height: 48px; overflow: hidden; background: url(../img/icons/user_48.png); text-indent: -999px;}

/* Buttons */
.btn-1, .btn-2 {-moz-border-radius: 3px; -webkit-border-radius: 3px; background: #555; line-height: 16px; padding: 1px 4px; color: #fff; text-decoration: none; height: 16px; font-weight: bold; }
.btn-1:hover, .btn-2:hover {background: #444; color: #bbb; text-decoration: none;}
.btn-3 {border: 1px solid #aaa; padding: 2px 4px 1px; background: #eee;text-decoration: none; color: #333; line-height: 15px;}
.btn-3:hover {background: #ddd;}
.btn-3.active {background: #ddd;}

.btn_bar {padding: 3px 0;}

/* Links */
.more {padding-left: 12px; background: url(../img/icons/bull-ar-open.gif) no-repeat left center;}
.anonymous {color: #345;}

/* Rounding */
.rounded-top {-moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px;}
.rounded-bottom {-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px;}
.rounded {-moz-border-radius: 3px; -webkit-border-radius: 3px;}


/* Cake dev */

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Actions */
div.actions ul {
	margin: 0px 0 10px 0;
	padding: 0;
}
div.actions li {
	display: inline;
	list-style-type: none;
	line-height: 2em;
	margin: 0 2px 0 0;
	white-space: nowrap;
}